@charset "utf-8";
/**
 * YZMCMS 内容管理系统(yzm-cms轻量级开源CMS)
 * @author           袁志蒙  
 * @license          http://www.yzmcms.com
 */

body{font-size:13px;font-family:Tahoma,Arial,sans-serif;line-height:22px;padding:0px;margin:0px;height:100%;width:100%;background:url(../images/yzm-background.jpg) no-repeat center center fixed;background-size:cover;background-color:#bbb;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;}
a,img{border:0;}
ol,ul{list-style:none}
a{color:#4395ff;text-decoration:none;}
a:hover{text-decoration:underline;}
.clearfix{clear:both;width:0px;height:0px;overflow:hidden;}

.yzm-loginwarrp{position: absolute;top: 46%;left: 50%;width:480px;height:350px;margin: -175px 0px 0px -240px;background:#fff; background:rgba(255,255,255,0.7);overflow:hidden;font-size:14px;box-shadow:0px 20px 60px rgba(0,0,0,0.5),0px 0px 150px rgba(0,0,0,0.5);border-radius:4px;color:#333;z-index: 2;}
.yzm-logo{width:365px;margin:40px auto 25px;line-height:35px;font-size:26px;text-align:center;text-shadow: 1px 1px 0px #fff;}
.yzm-circles{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.yzm-circles li{position: absolute;display: block;list-style: none;width: 20px;height: 20px;background: rgba(255, 255, 255, 0.2);animation: animate 25s linear infinite;bottom: -150px;}
.yzm-circles li:nth-child(1){left: 25%;width: 80px;height: 80px;animation-delay: 0s;}
.yzm-circles li:nth-child(2){left: 10%;width: 30px;height: 30px;animation-delay: 2s;animation-duration: 12s;}
.yzm-circles li:nth-child(3){left: 70%;width: 110px;height: 110px;animation-delay: 4s;}
.yzm-circles li:nth-child(4){left: 40%;width: 60px;height: 60px;animation-delay: 0s;animation-duration: 18s;}
.yzm-circles li:nth-child(5){left: 65%;width: 20px;height: 20px;animation-delay: 0s;}
.yzm-circles li:nth-child(6){left: 75%;width: 110px;height: 110px;animation-delay: 3s;}
.yzm-circles li:nth-child(7){left: 35%;width: 150px;height: 150px;animation-delay: 7s;}
.yzm-circles li:nth-child(8){left: 50%;width: 25px;height: 25px;animation-delay: 15s;animation-duration: 45s;}
.yzm-circles li:nth-child(9){left: 20%;width: 35px;height: 35px;animation-delay: 2s;animation-duration: 35s;}
.yzm-circles li:nth-child(10){left: 85%;width: 150px;height: 150px;animation-delay: 0s;animation-duration: 11s;}
@keyframes animate{0%{transform: translateY(0) rotate(0deg);opacity: 1;border-radius: 0;}
100%{transform: translateY(-1000px) rotate(720deg);opacity: 0;border-radius: 50%;}}
.yzm-login-form{width:365px;margin:15px auto 0;}
.yzm-login-item{padding:2px 8px;margin-top:10px;height:39px;line-height:39px;border-radius:3px;}
.yzm-login-item span{text-align:right;width:58px;display:inline-block;}
.yzm-login-input{height:35px;margin-top:2px;border:1px solid #b7bcc1;line-height:35px;width:285px;padding:0 8px;font-size:13px; outline:none;float:right;background:#fff;box-sizing:border-box;border-radius:3px;}
.yzm-login-input:focus{border:1px solid #3890ff;box-shadow:0 0 0 3px rgba(56,144,255,.15);}
.yzm-login-item .yzm-verify-input{width:177px;margin-right:8px;}
.yzm-verifyimg{float:right;height:33px;width:100px;margin-top:3px;cursor:pointer;}
.yzm-login-sub{text-align:right;margin-right:8px}
.yzm-login-sub input{margin-top:15px;height:35px;line-height:33px;width:285px;color:#fff;font-size:14px;border-radius:3px;cursor:pointer;outline:none;transition:background 0.3s ease 0s;border:1px solid #409eff;background-color:#409eff;text-shadow: 0 -1px 0 rgba(0,0,0,.1);}
.yzm-login-sub input:hover{background:#66b1ff;border:1px solid #66b1ff}
.yzm-footer{color:#eee;position:fixed;_position:absolute;bottom:0px;text-align:center;width:100%;background:#453c5a;background:rgba(0,0,0,0.3);padding:10px 0;z-index:3}
.yzm-footer a{color:#fff}
.yzm-footer a:hover{color:#4395ff}

@media screen and (max-width:640px) {
	.yzm-logo{width:100%;margin:30px auto 20px}
	.yzm-login-form{width:100%;}
	.yzm-login-item span{display:none;}
	.yzm-loginwarrp{width:90%;top:20%;left:5%;margin:0;height:320px;}
	.yzm-login-item{width:70%;margin:0 auto;}
	.yzm-login-input{width:100%;}
	.yzm-login-item .yzm-verify-input{width:50%;float:left;margin-right:0px;}
	.yzm-login-sub{width:70%;margin:0 auto;}
	.yzm-login-sub input{width:100%;}
}